<template>
  <div id="app"  type="primary"  v-loading.fullscreen.lock="Loading"   :element-loading-text="loadingText"
    element-loading-background="rgba(0, 0, 0, 0)">
    <router-view  @isLoading="fullscreenLoading" />
    <div class="message-pop" style='display:none'>
        <div class="message-content">
          <i class="iconfont icon-iconfontcuowu" @click="closeMessage"></i>
          <div class="handle-prompt"><span>{{$store.state.globalConfirmMessage.msg}}</span></div>
          <div class="handle-info borderLine">
            <div><span>运单号：</span><span>{{$store.state.globalConfirmMessage.orderSFNo}}</span></div>
            <div><span>当前城市：</span><span>{{$store.state.CurrentCity}}</span></div>
            <div><span>当前区县：</span><span>{{$store.state.CurrentDistrict}}</span></div>
            <div><span>当前位置：</span><span>{{$store.state.CurrentLocation}}</span></div>
          </div>
          <div class="g_doubleBtn">
            <div @click="RefreshPositioning">刷新定位</div>
            <div @click="intercepConfirm">确定拦截</div>
          </div>
        </div>
		</div>
  </div>
</template>
<script>
import '../static/font/iconfont.css'
export default {
    name: 'App',
    data() {
        return {
          Loading: false, // 是否加载
          loadingText:'拼命加载中', // 加载时显示的文字
          typeMShow: false,
          ifTips: false,
          versionInfo: {}
        }
    },
    created() {
    },
    mounted() {},
    methods: {
        fullscreenLoading(isLoad, loadingText) {
            this.Loading = isLoad;
            if (loadingText) {
                this.loadingText = loadingText;
            }
        },
        intercepConfirm(){
          let that = this;
          let globalConfirmMessage = this.$store.state.globalConfirmMessage;
          let postDatam = {
            orderSFNo: globalConfirmMessage.orderSFNo,
            noType: globalConfirmMessage.noType,
            city: this.$store.state.CurrentCity,
            district: this.$store.state.CurrentDistrict,
            address: this.$store.state.CurrentLocation,
            longitude: this.$store.state.longitude,
            latitude: this.$store.state.latitude,
            opLink: globalConfirmMessage.opLink,
            transportType: globalConfirmMessage.transportType,
            scanPerson: this.$store.state.userInfo.userName,
            cellphone: this.$store.state.userInfo.cellphone
          };
          this.httpRequest1('post', '/kc-transport/tmsAppOp/saveInterceptInfo', postDatam).then(resm => {
            $('.message-pop').css('display','none')
            if(!(that.getItem('SXJF_ifScan') && that.getItem('SXJF_ifScan') == '是')){
              // 安卓
              try {
                CallAndroidOrIOS.ContinuousScan();
              }
              catch(error) {}
            }
            // 苹果
            try {
              window.webkit.messageHandlers.messageSend.postMessage({ a: '调用app原生半屏扫描二维码/条码' })
            }
            catch (error) {}
            that.$alert('拦截成功', '提示', {
              confirmButtonText: '确定'
            })
          })
        },
        // 刷新定位
        RefreshPositioning() {
          this.onPlusReady('e') // 获取APP经纬度
        },
        closeMessage() {
          $('.message-pop').css('display','none')
          if(!(this.getItem('SXJF_ifScan') && this.getItem('SXJF_ifScan') == '是')){
            // 安卓
            try {
              CallAndroidOrIOS.ContinuousScan();
            }
            catch(error) {}
          }
          // 苹果
          try {
            window.webkit.messageHandlers.messageSend.postMessage({ a: '调用app原生半屏扫描二维码/条码' })
          }
          catch (error) {}
        }
    }
}
</script>
<style lang="less">
@import "components/publicLess.less";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
{margin: 0;padding: 0;}
ul,ol,li { list-style: none;}
a {text-decoration: none;}
img {border: none;}
#app,body,html {
  width: 100%;
  height: 100%;
}
#app {
    position: relative;
}
iframe {
  display: none;
}
input {
  outline: none;
  border: 1/50rem solid #bbb;
  height: 50/50rem;
  padding: 0 10/50rem;
  box-sizing: border-box;
  border-radius: 5/50rem;
  font-size: 28/50rem;
}
textarea {
  font-size: 28/50rem;
}

.container {
  margin-top: 90/50rem;
  font-size: 28/50rem;
  overflow: scroll;
}

.borderLine {
  &>div {
    border-bottom: 1/50rem solid #e1e1e1;
  }
}
@media screen and (max-width: 374px) {
  input {
    border:3/50rem solid #bbb;
  }
  .borderLine {
    &>div {
      border-bottom: 3/50rem solid #e1e1e1;
    }
  }
}
// 解决下拉刷新上拉加载带来的头部部分遮挡问题
.topKong {
  width: 100%;
  height: 90/50rem;
}
select:disabled {
  color: #000;
}
// 头部样式  开始
header {
  width: 100%;
  height: 90/50rem;
  line-height: 90/50rem;
  background-color: @PublicColor;
  font-size: 32/50rem;
  text-align: center;
  color: #fff;
  position: fixed;
  z-index: 999;
  top: 0;
  left:0;
}
header>.iconfont{
  position: absolute;
  top: 5/50rem;
  color: #fff;
}
header>.rightbtn {
  position: absolute;
  top: 0/50rem;
  color: #fff;
}
header>.icon-xiangzuo1 {
  left: 20/50rem;
}
header>.icon-huabanfuben,.icon-sousuoxiawu-,header>.icon-zidongshanguangdeng,header>.icon-jinyongshanguangdeng,header>.icon-lishijilu,header>.icon-shanguangdeng,header>.closeScan,header>.rightbtn{
  right: 25/50rem;
}
header>.iconfont::before{
  font-size:40/50rem;
}
header>.icon-huabanfuben::before{
  font-size:40/50rem;
}
header>.icon-zidongshanguangdeng,header>.icon-jinyongshanguangdeng,header>.icon-lishijilu,header>.icon-shanguangdeng{
  font-size:40/50rem;
}
header>.closeScan{
  font-size:30/50rem;
  right: 85/50rem;
}
.WarehousingSignScan header>.icon-shanguangdeng{
  right: 85/50rem;
}
.WarehousingSignScan header>.closeScan{
  right: 135/50rem;
}
//头部样式  结束
.van-badge {
  min-width: 32/50rem;
  padding: 0 3/50rem;
  font-size: 26/50rem;
  line-height: 1.2;
  border: 1/50rem solid #fff;
  border-radius: 999/50rem;
}
.van-badge--fixed {
  top: 26/50rem;
  right: -10/50rem;
}

.message-tip{
  width: 90/50rem;
  height: 90/50rem;
  position: fixed;
  top: 0/50rem;
  right: 0/50rem;
  z-index: 999999999;
  text-align: center;
  // background-color: #fff;
  i{
    font-size: 45px;
    color: red;
  }
}
//搜索标签
.search_Label{
  width: 100%;
  background-color: #f9f9f9;
  overflow: hidden;
  padding-bottom: 20/50rem;
  &>div{
    font-size: 25/50rem;
    text-align: left;
    height: 50/50rem;
    line-height: 50/50rem;
    margin: 20/50rem 0 0 30/50rem;
    background-color:rgba(152,153,158,0.8);
    float: left;
    color: #fff;
    span{
      margin-left: 10/50rem;
    }
    i{
      position: static;
      color: #fff;
      margin:0 10/50rem;
      font-size: 30/50rem;
    }
  }
}

//我的任务、费用统计页面  数据列表末尾标签样式 开始
.nodata_label{
  text-align: center;
  height: 70/50rem;
  line-height: 70/50rem;
}
.kong{
  height: 200/50rem;
  width: 100%;
}
.nodata_kong{
  height: 600/50rem;
}
//我的任务、费用统计页面  数据列表末尾标签样式 结束

//错误按钮样式 （清除input框）
.icon-iconfontcuowu{
    position:absolute;
    right:40/50rem;
    font-size: 35/50rem;
    top: 28/50rem;
}
.icon-fuzhi{
  color: @PublicColor;
  font-size: 37/50rem;
  margin-left: 20/50rem;
}
.icon-dianhua-copy{
  color: @PublicColor;
}
//按钮样式
.g_signBtn{
  width: 600/50rem;
  margin: 100/50rem auto 0;
  text-align: center;
  height:70/50rem;
  line-height:70/50rem;
  background-color: @PublicColor;
  font-size: 30/50rem;
  color:#fff;
  border-radius: 35/50rem;
}

//定位再底部的p标签（里面为单个按钮）
.submitBtn{
  width: 100%;
  height: 70/50rem;
  position: fixed;
  bottom: 30/50rem;
  left: 0;
  .g_signBtn{
      margin:0 auto;
  }
}

.g_doubleBtn{
  width:100%;
  height:70/50rem;
  padding:0 20/50rem;
  margin-top: 60/50rem;
  margin-bottom: 20/50rem;
  box-sizing: border-box;
  display: flex;
  &>div{
    flex-grow:1;
    height:70/50rem;
    line-height: 70/50rem;
    color: #fff;
    background-color: @PublicColor;
    text-align: center;
    float: left;
    border-radius: 5/50rem;
  }
  &>div:nth-child(1){
    margin-right: 70/50rem;
  }
}
//提示信息
.msg_tips{
  width:100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  .tips_content{
    width: 250/50rem;
    height: 180/50rem;
    position: fixed;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    top: 50%;
    background-color: rgba(0,0,0,0.65);
    font-size: 32/50rem;
    color:#fff;
    text-align: center;
    border-radius: 15/50rem;
    .icon-chenggong1,.icon-chenggong{
      font-size: 50/50rem;
      margin: 30/50rem 0 20/50rem ;
      display: block;
    }
  }
}
.msg_tips1{
  .tips_content{
    width: auto;
    height: auto;
    padding:0 18/50rem;
    line-height: 70/50rem;
    font-size: 28/50rem;
    text-align: left;
    .icon-chenggong1,.icon-chenggong{
      font-size: 35/50rem;
      display: inline;
    }
  }
}

.handle-prompt{
  padding: 20/50rem;
  box-sizing: border-box;
  color: red;
}
.handle-info{
  & > div{
    padding: 20/50rem;
    overflow: hidden;
    span {
      height: 50/50rem;
      line-height: 50/50rem;
    }
  }
}
//选择弹框
.SelectMeng,.message-pop{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 999;
  .SelectWarehouses,.message-content{
    width: 500/50rem;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translateX(-50%);
    margin-top: -340/50rem;
    background-color: #F1F0F1;
    text-align: center;
    border-radius: 10/50rem;
    &>div{
      width: 100%;
    }
    .SelectItem{
      color: #2F84F0;
      font-size: 29/50rem;
      overflow: scroll;
      max-height: 486/50rem;
      &>div{
        height: 80/50rem;
        line-height: 80/50rem;
        border-bottom: 1/50rem solid #D9D7D9;
      }
    }
    .SelectTitle{
      height: 114/50rem;
      line-height: 114/50rem;
      border-bottom: 1/50rem solid #D9D7D9;
      font-weight: 600;
      font-size: 34/50rem;
    }
    .cancel{
      border-top: 1/50rem solid #D9D7D9;
      height: 80/50rem;
      line-height: 80/50rem;
      color: #2F84F0;
      font-size: 34/50rem;
      font-weight: 600;
    }
  }
}

.message-pop{
  font-size: 28/50rem;
  .message-content{
    width: 600/50rem;
    padding-top: 20/50rem;
    top:40%;
    .icon-iconfontcuowu{
      position: absolute;
      top: 0;
      right: 0;
      transform: translateY(-50%);
      font-size: 45/50rem;
    }
  }
}

@media screen and (max-width: 374px){

  //选择弹框
  .SelectMeng{
    .SelectWarehouses{
      .SelectItem{
        &>div{
          border-bottom: 3/50rem solid #D9D7D9;
        }
      }
      .SelectTitle{
        border-bottom: 3/50rem solid #D9D7D9;
      }
      .cancel{
        border-top: 3/50rem solid #D9D7D9;
      }
    }
  }
}

//没有数据 样式
.NoData{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -200/50rem;
    font-size: 40/50rem;
    &>div{
      width: 100%;
      height: 180/50rem;
      text-align: center;
      color: #bbb;
      &>.icon-meiyouwuliuxinxi{
        font-size: 150/50rem;
    }
  }
}
.noticeContent .NoData{
  margin-top: 0/50rem;
}

//我的任务页面 导航地址选择弹出框
.Navigate_MultiAddress{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left:0;
  background-color: rgba(0,0,0,0.5);
  z-index: 99999;
  &>div{
    width: 600/50rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 32/50rem;
    transform: translate(-50%,-50%);
    border-radius: 10/50rem;
    &>.icon-iconfontcuowu{
      position: absolute;
      top: -10/50rem;
      right: -10/50rem;
      font-size: 45/50rem;
    }
    &>div.SelectTitle{
      height:90/50rem;
      line-height:90/50rem;
      text-align: center;
      border-bottom: 1/50rem solid #D9D7D9;
      font-weight: 500;
      color: #222;
      font-size: 34/50rem;
    }
    &>div.SelectContent{
      overflow: scroll;
      max-height: 636/50rem;
    &>.addressContent{
      font-weight:700;
      padding: 15/50rem 20/50rem;
      border-bottom: 3/50rem solid #D9D7D9;
        span.ORFlag{
          font-size: 26/50rem;
          margin-right: 15/50rem;
          background-color:@PublicColor;
          color: #FFF;
          padding:5/50rem 8/50rem;
          border-radius:8/50rem;
          float: left;
        }
      &>div:nth-child(2){
        font-size: 28/50rem;
        margin-top: 15/50rem;
        line-height: 55/50rem;
        overflow: hidden;
        span{
          float: left;
          color: #000;
          font-weight: 400;
        }
        .icon-dianhua-copy{
          float: right;
          margin-right: 10/50rem;
        }
      }
      &:last-child{
        border-bottom: none;
      }
    }
  }
  &>div.cancel{
      height: 80/50rem;
      line-height: 80/50rem;
      color: #2F84F0;
      text-align: center;
      font-size: 34/50rem;
      font-weight: 600;
      border-top: 1/50rem solid  #D9D7D9;
    }
  }
}


@media screen and (max-width: 374px){

  //我的任务页面 导航地址选择弹出框    装货预约页面 装货地址选择弹出框
  .Navigate_MultiAddress{
    &>div{
      &>div.SelectTitle{
        border-bottom: 3/50rem solid #D9D7D9;
      }
      &>div.SelectContent{
        &>.addressContent{
          border-bottom: 3/50rem solid #D9D7D9;
        }
      }
      &>div.cancel{
        border-top: 3/50rem solid  #D9D7D9;
      }
    }
  }
}


// 我的任务/历史任务页面 查看多装货地址弹框
.MultiAddress{
  width: 100%;
  height: 100%;
  position: fixed;
  text-align: left;
  font-size: 29/50rem;
  top: 0;
  left:0;
  background-color: rgba(0,0,0,0.5);
  z-index: 9999999;
  display: none;
  &>div{
    width: 600/50rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10/50rem;
    &>.icon-iconfontcuowu{
      position: absolute;
      top: -10/50rem;
      right: -10/50rem;
      font-size: 45/50rem;
    }
    &>.addressHead{
      width: 100%;
      height: 80/50rem;
      line-height: 80/50rem;
      display: flex;
      &>span{
        flex-grow:1;
        text-align: center;
        border-right: 1/50rem solid #eee;
        border-bottom: 1/50rem solid #eee;
      }
      &>span:first-child{
        border-bottom: 1/50rem solid @PublicColor;
      }
      &>span:last-child{
        border-right:none;
      }
    }
    &>.addressContent{
      padding: 0 20/50rem;
      box-sizing: border-box;
      margin-bottom: 30/50rem;
      &>div{
        margin-top: 30/50rem;
      }
    }
  }
}

@media screen and (max-width: 374px){

  // 我的任务/历史任务页面 查看多装货地址弹框
  .MultiAddress{
    &>div{
      &>.addressHead{
        &>span{
          border-right: 3/50rem solid #eee;
          border-bottom: 3/50rem solid #eee;
        }
        &>span:first-child{
          border-bottom: 3/50rem solid @PublicColor;
        }
      }
    }
  }
}

.AddShipment table,.DriverShipment table,.OutsourcingTransport table{
  tr{
    td{
      min-width: 90/50rem;
      text-align: center;
      height: 85/50rem;
      border-left: 1/50rem solid #000;
      border-bottom: 1/50rem solid #000;
      .iconfont{
        font-size: 40/50rem;
      }
    }
    td:nth-child(1){
      border-left: none;
    }
  }
  thead{
    td{
      line-height: 85/50rem;
      i{
        display: none;
        float: right;
      }
    }
  }
}
@media screen and (max-width: 332px) and (min-width: 251px){
  .AddShipment table,.DriverShipment table,.OutsourcingTransport table{
    tr{
      td{
        min-width: 130/50rem;
        .iconfont{
          font-size: 55/50rem;
        }
      }
    }
  }
}
@media screen and (max-width: 250px){
  .AddShipment table,.DriverShipment table,.OutsourcingTransport table{
    tr{
      td{
        height: 105/50rem;
        min-width: 160/50rem;
        .iconfont{
          font-size:  60/50rem;
        }
      }
    }
  }
}

// 374像素以下（包含374像素）
@media screen and (max-width: 374px){

  input{
    border:3/50rem solid #bbb;
  }

  .AddShipment table,.DriverShipment table,.OutsourcingTransport table{
    tr{
      td{
        border-left: 3/50rem solid #000;
        border-bottom: 3/50rem solid #000;
      }
    }
  }
}
.Abnormal{
  .el-input__inner {
    border-radius: 8/50rem;
    border: 1/50rem solid #DCDFE6;
    height: 70/50rem;
    line-height: 70/50rem;
    padding: 0 15/50rem;
  }
  .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date .el-input__inner {
    padding: 0 56/50rem;
  }
  //日期选择器样式 结束
  .el-date-editor.el-input,.el-date-editor.el-input.el-input--small.el-input--prefix.el-input--suffix.el-date-editor--datetime .el-input__inner{
    float: none;
    width: 355/50rem;
  }
  .el-select-dropdown__item {
    font-size: 28/50rem;
    padding: 0 40/50rem;
    height: 68/50rem;
    line-height: 68/50rem;
  }
  .el-input--suffix .el-input__inner {
      padding-right: 60/50rem;
  }
  .el-select .el-input .el-select__caret {
    font-size: 46/50rem;
  }
  .el-input__icon {
    height: 70/50rem;
    width: 50/50rem;
    line-height: 70/50rem;
  }
}

//上传图片样式 开始
.uploadImg{
  margin-top: 40/50rem;
  &>span{
    float: left;
  }
}
.uploadImg  .el-upload--picture-card,.uploadImg.StationPhoto .el-upload--picture-card{
  width: 220/50rem;
  height: 220/50rem;
  line-height: 200/50rem;
}
.el-upload.el-upload--picture-card  i.el-icon-plus{
  line-height: 200/50rem;
  color: #000;

}
.el-upload.el-upload--picture-card  i.el-icon-plus::before{
  font-size: 100/50rem;
}
.el-upload-list.el-upload-list--picture-card  .el-upload-list__item{
  width: 220/50rem;
  height: 220/50rem;
  margin:0 20/50rem 20/50rem 0;
}
.el-upload-list--picture-card .el-upload-list__item:nth-child(3),.el-upload-list--picture-card .el-upload-list__item:nth-child(6){
  margin:0 0 20/50rem 0;
}
.el-upload-list__item.is-ready  .el-upload-list__item-actions{
  opacity:1;
}
.el-upload-list--picture-card .el-upload-list__item-actions span.el-upload-list__item-preview,.el-upload-list--picture-card .el-upload-list__item-actions span.el-upload-list__item-delete{
  display: inline-block;
}
//上传图片样式 结束

//日期选择器 错误按钮定位
.el-input__suffix{
  font-size: 40/50rem;
}
//日期选择器样式 结束
.el-date-editor.el-input,.el-date-editor.el-input.el-input--small.el-input--prefix.el-input--suffix.el-date-editor--datetime .el-input__inner{
  float: left;
  width: 555/50rem;
}
.el-input--small .el-input__inner{
  height: 52/50rem;
  line-height: 52/50rem;
  border-radius:50px;
}
.el-input--small .el-input__icon{
  line-height: 52/50rem;
}
//时间选择器定位
.el-time-panel.el-popper{
  left: -300/50rem;
}
//日期时间选择器上下月上下年按钮样式
.el-picker-panel__icon-btn{
  font-size: 50/50rem;
  width: 60/50rem;
}

//日期时间选择器样式 结束


//element 提示框 样式 开始
.el-message-box__wrapper .el-message-box{
  width:600/50rem;
}
.el-message-box__headerbtn{
  display: none;
}
  .CheckAbnormalUploadProgress,.Abnormal{
    .el-input__inner,.el-textarea__inner{
      font-size: 28/50rem;
    }
    .el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner{
      color: #333;
    }
    .el-card{
      margin-bottom: 10/50rem;
    }
    .el-timeline{
      font-size: 28/50rem;
    }
    .el-timeline-item__timestamp{
      font-size: 28/50rem;
    }
  }
.el-message-box {
    padding-bottom: 10/50rem;
    border-radius: 12/50rem;
    border: 1/50rem solid #ebeef5;
    font-size: 28/50rem;
    -webkit-box-shadow: 0 2/50rem 12/50rem 0 rgba(0,0,0,.1);
    box-shadow: 0 2/50rem 12/50rem 0 rgba(0,0,0,.1);
}
.el-message-box__header{
  padding: 25/50rem 25/50rem 10/50rem;
}
.el-message-box__title {
    font-size: 32/50rem;
    line-height: 1.5;
}
.el-message-box__content {
    padding: 10/50rem 25/50rem;
    font-size: 28/50rem;
}
.el-message-box__status {
    font-size: 35/50rem !important;
}
.el-message-box__message p {
    margin-left: 20/50rem;
    line-height:1.5;
    word-break: break-all;
}
.el-message-box__status+.el-message-box__message {
    padding-left: 36/50rem;
    padding-right: 12/50rem;
}
.el-message-box__btns {
    padding: 5/50rem 25/50rem 15/50rem;
    text-align: right;
}
.el-button--small, .el-button--small.is-round {
    padding: 20/50rem 35/50rem;
}
.el-button {
    line-height: 1;
    border:1/50rem solid #dcdfe6;
}
@media screen and (max-width: 374px){

  .el-button {
    border: 3/50rem solid #dcdfe6;
  }
}
.el-button--mini, .el-button--small {
    font-size: 28/50rem;
    border-radius: 8/50rem;
}
.el-message-box__btns button:nth-child(2) {
    margin-left: 10/50rem;
}

.SelectDelivery{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    font-size: 28/50rem;
    .DeliveryBox{
      width: 600/50rem;
      background-color: #fff;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      border-radius: 15/50rem;
      .DeliveryBox_head{
        text-align: center;
        height: 80/50rem;
        line-height: 80/50rem;
        border-bottom:1/50rem solid #ddd;
      }
      .commitPopUp_head{
        font-size: 34/50rem;
        line-height: 100/50rem;
      }
      .DeliveryBox_content{
        margin-bottom: 40/50rem;
        &>div{
          line-height: 60/50rem;
          text-align: center;
          border-bottom:1/50rem solid #ddd;
          position: relative;
          i{
            position: absolute;
            top: 0;
            right: 100/50rem;
            color: @PublicColor;
          }
          &.DeliveryBox_content_active{
            background-color: rgba(0, 143, 234,0.4);
          }
        }
      }
      .commitPopUp_content{
        &>div{
          font-size: 30/50rem;
          &>span:nth-child(2){
            font-size: 37/50rem;
            font-weight: 700;
          }
        }
      }
      .DeliveryBox_input{
        text-align: center;
        position: relative;
        input{
          min-width: 260/50rem;
          padding: 0 10/50rem;
        }
        i{
          position: absolute;
          right: 30/50rem;
          top: 50%;
          transform:translateY(-50%);
        }
      }
      .DeliveryBox_style{
        padding: 0 20/50rem;
        color:red;
      }
      .DeliveryBox_bottom{
        overflow: hidden;
        margin: 30/50rem 0;
        &>div{
          width: 50%;
          float: left;
          text-align: center;
          height: 60/50rem;
          line-height: 60/50rem;
          span{
            width: 80%;
            border-radius: 30/50rem;
            display: block;
            margin: 0 auto;
            background-color: @PublicColor;
            color: #fff;
          }
        }
      }
    }
  }
  .BatchCommitPopBox{
  	.BatchCommit_ChangeInfo{
  		&>div{
  			width: 100%;
  			display: flex;
  			height: 80/50rem;
  			line-height: 80/50rem;
  			&>div{
  				&:nth-child(1){
  					width: 120/50rem;
  					text-align: center;
  					font-size: 30/50rem;
  					flex-shrink: 0;
  				}
  				&:nth-child(2){
  					flex-grow: 1;
  					input{
  						width: 100%;
  						height: 60/50rem;
  						border-radius: 30/50rem;
  						text-align: center;
  						font-size: 30/50rem;
  					}
  				}
  				&:nth-child(3){
  					width: 80/50rem;
  					text-align: center;
  					font-size: 27/50rem;
  					flex-shrink: 0;
  				}
  			}
  		}
  	}
  }

.PickUpRandomScan,.SignRandomScan,.ToSendRandomScan,.AviationAllTransitScan,.WarehousingSignScan,.AuditWeight{
  .uploadImg{
    margin-top: 0;
  }
  .uploadImg  .el-upload--picture-card,.uploadImg.StationPhoto .el-upload--picture-card{
    width:2rem;
    height:2rem;
    line-height:2rem;
  }
  .el-upload.el-upload--picture-card  i.el-icon-plus{
    line-height:2rem;
    color: #000;
  }
  .el-upload--picture-card i{
    font-size: 30/50rem;
  }
  .el-upload.el-upload--picture-card  i.el-icon-plus::before{
    font-size: 30/50rem;line-height:2rem;
  }
  .el-upload-list.el-upload-list--picture-card  .el-upload-list__item{
    width:2rem;
    height:2rem;
    margin:0 20/50rem 20/50rem 0;
  }
  .el-upload-list--picture-card .el-upload-list__item:nth-child(3),.el-upload-list--picture-card .el-upload-list__item:nth-child(6){
    margin:0 0 20/50rem 0;
  }
  .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{
    font-size: 30/50rem;
    line-height:2rem;
  }
  .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete::before{
    font-size: 30/50rem;
    line-height: 0;
  }
  .el-upload-list--picture-card .el-upload-list__item-actions{
    font-size: 30/50rem;
  }
  .el-upload-list--picture-card .el-upload-list__item:nth-child(3),.el-upload-list--picture-card .el-upload-list__item:nth-child(6){
    margin:0 20/50rem 20/50rem 0;
  }
}
.uploadImg{
  overflow: hidden;
  span.sampleText{
    float: right;
    color: @PublicColor;
    margin: 10/50rem 0;
  }
}
.PickUpRandomScan{
  .van-tabs__content{
    margin-top: 20/50rem;
  }
}
.SweepCodePrinting,.AviationAllTransitScan,.ToSendRandomScan,.PickUpRandomScan,.coc,.common-box,.WarehousingSignScan,.SignRandomScan{
  .uploadImg  .el-upload--picture-card,.uploadImg.StationPhoto .el-upload--picture-card{
    width:2rem;
    height:2rem;
    line-height:2rem;
  }
  .el-upload.el-upload--picture-card  i.el-icon-plus{
    line-height:2rem;
    color: #000;
  }
  .el-upload--picture-card i{
    font-size: 30/50rem;
  }
  .el-upload.el-upload--picture-card  i.el-icon-plus::before{
    font-size: 30/50rem;line-height:2rem;
  }
  .el-upload-list.el-upload-list--picture-card  .el-upload-list__item{
    width:2rem;
    height:2rem;
    margin:0 20/50rem 20/50rem 0;
  }
  .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{
    font-size: 30/50rem;
    line-height:2rem;
  }
  .myUpload{
	  padding-bottom: 0;
	  .uploadSheet {
		  .el-upload.el-upload--picture-card{
		  	  width: 2rem;
		  	  height: 2rem;
		  	  line-height: 2rem;
			  i.el-icon-plus{
			  	line-height: 2rem;
			  }
		  }
		  .el-upload-list.el-upload-list--picture-card .el-upload-list__item{
		  	  width: 2rem;
		  	  height: 2rem;
		  }
	  }
  }
}
.Abnormal{
  .SingleLatitude{
    width:100%;
    .SingleLatitudeScan{
      &>div{
        width: 100%;
        padding: 0 20/50rem;
        box-sizing: border-box;
        display: flex;
      }
      span{
        &:nth-child(1){
          font-size: 40/50rem;
          color: @PublicColor;
          line-height: 60/50rem;
          margin-right: 20/50rem;
        }
        &:nth-child(3){
          width: 120/50rem;
          background-color: @PublicColor;
          color: #fff;
          text-align: center;
          margin-left: 20/50rem;
          border-radius: 10/50rem;
          line-height: 60/50rem;
        }
      }
      input{
        flex-grow: 1;
        height: 60/50rem;
      }
    }
    .SingleLatitudeBox{
      box-sizing: border-box;
      padding: 0 20/50rem;
      .SingleLatitudeBox_head{
        font-size: 32/50rem;
        height: 70/50rem;
        line-height: 70/50rem;
        text-align: center;
      }
      .SingleLatitudeBox_box{
        width: 100%;
        max-height: 410/50rem;
        overflow: scroll;
        border: 2/50rem solid #aaa;
        box-sizing: border-box;
        &>div{
          overflow: hidden;
          padding: 0 30/50rem;
          box-sizing: border-box;
          line-height: 70/50rem;
          &>span{
            &:nth-child(1){
              float: left;
              font-size: 30/50rem;
            }
            &:nth-child(2){
              float: right;
              font-size: 40/50rem;
            }
          }
          .icon-weixuanzhong{
            color: #666;
          }
          .icon-xuanzhong{
            color: @PublicColor;
          }
        }
      }
      .SingleLatitudeBox_btn{
        width: 100%;
        display: flex;
        margin-top: 30/50rem;
        padding: 0 50/50rem;
        box-sizing: border-box;
        &>span{
          flex-grow: 1;
          text-align: center;
          background-color: @PublicColor;
          color: #fff;
          height: 60/50rem;
          line-height: 60/50rem;
          border-radius: 30/50rem;
          &:nth-child(1){
            margin-right: 50/50rem;
          }
        }
      }
      .SelectedWaybill{
        margin-top: 30/50rem;
        .SelectedWaybill_head{
          line-height: 60/50rem;
        }
        .SelectedWaybill_box{
          overflow: scroll;
          max-height: 300/50rem;
          border: 2/50rem solid #aaa;
          &>div{
            line-height: 70/50rem;
            padding: 0 20/50rem ;
            color: @PublicColor;
            overflow: hidden;
            span{
              &:nth-child(1){
                float: left;
              }
              &:nth-child(2){
                float: right;
                font-size: 40/50rem;
                color: red;
              }
            }
          }
        }
      }
    }
  }
}
.SignBillToUpload{
  font-size: 28/50rem;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 600/50rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 12/50rem;
  z-index: 99;
  user-select: none;
  .SignBillToUpload_head{
    text-align: center;
    font-size: 32/50rem;
    line-height: 100/50rem;
  }
  .SignBillToUpload_info{
    padding-left: 30/50rem;
    margin-bottom: 20/50rem;
  }
  .SignBillToUpload_content{
    margin: 15/50rem 0 15/50rem;
    box-sizing:border-box;
    padding:0 30/50rem;
    text-align: center;
    display: flex;
    .Upload{
      padding-bottom: 0;
    }
  }
  .SignBillToUpload_botm{
    display: flex;
    margin-bottom: 20/50rem;
    &>div{
      text-align: center;
      background-color: @PublicColor;
      color: #fff;
      flex-grow: 1;
      margin-right: 50/50rem;
      border-radius:33/50rem;
      height: 66/50rem;
      line-height: 66/50rem;
      &:nth-child(1){
        margin-left: 50/50rem;
      }
    }
  }
}

.OrderInfo_template{
  .orderHead{
  	text-align: center;
  	height: 65/50rem;
  	line-height: 65/50rem;
  	color: #000;
  	background-color: #EDEFF3;
  	position:relative;
  	span{
  		height: 65/50rem;
  		position:absolute;
  		left: 20/50rem;
  		top: 0;
  	}
  }
  .goodsInfo{
  	color: #777;
  	padding:0 16/50rem;
  	box-sizing: border-box;
    border-top: 8/50rem solid #EDEFF3;
    background-color: #fff;
    .goodsHead{
      padding-top: 10/50rem;
      overflow: hidden;
      position:relative;
      line-height: 55/50rem;
      border-bottom: 3/50rem solid #EDEFF3;
      &>div:not(.KeyInfoGroup,.ValueAddedKeyInfoGroup){
        overflow: hidden;
        &.ordernum{
          i{
            color: @PublicColor;
            font-size: 37/50rem;
            margin-left: 20/50rem;
            float: left;
          }
        }
        &.orderContact{
          width: 590/50rem;
        }
        span{
          float: left;
          height: auto;
        }
        i.icon-dianhua-copy{
          float: left;
        }
        &.PartyAddr{
          span:nth-child(2){
          width: 500/50rem;
          }
        }
        &>span:nth-child(1){
          color:#000;
        }
        &>div{
          float: left;
          width: 50%;
          span{
            float: static;
            height: auto;
            &:nth-child(2){
              width:auto;
            }
          }
          &>span:nth-child(1){
            color:#000;
          }
        }
      }
      .specialRequirements{
        span:not(.specialhead) {
          margin-bottom: 10/50rem;
          display: inline-block;
          background-color: #F4D3C2;
          color: #F45A08;
          padding: 0 10/50rem;
          margin-right: 10/50rem;
          border-radius: 8/50rem;
        }
      }
      .YourSynths{
        color: red;
        overflow: hidden;
        .icon-tishi{
          float: left;
          margin-right: 10/50rem;
        }
        span{
          float: left;
        }
      }
      fieldset{
        padding: 0 10/50rem;
        color: @PublicColor;
        border: 2/50rem solid @PublicColor;
        &>div{
          overflow: hidden;
          span{
            float: left;
            height: auto;
          }
          i.icon-dianhua-copy{
            float: left;
          }
          &>span:nth-child(1){
            color:#000;
          }
          &>div{
            float: left;
            width: 50%;
            span{
              float: static;
              height: auto;

              &:nth-child(2){
                width:auto;
              }
            }
            &>span:nth-child(1){
              color:#000;
            }
          }
        }
      }
      .priorityHandle{
        position: absolute;
        top: 20/50rem;
        right: 100/50rem;
      }
      .KeyInfoGroup{
        // width: 300/50rem;
        position: absolute;
        top: 20/50rem;
        right: 0;
        display: flex;
        &>div{
          width: auto;
          padding:0/50rem 10/50rem;
          border-radius:10/50rem;
          color: @PublicColor;
          border:2/50rem solid @PublicColor;
          font-weight: 700;
          margin-right: 20/50rem;
          &:last-child{
            margin-right: 0;
          }
        }
      }
      .KeyInfoGroup:nth-child(2){
        top: 100/50rem;
      }
      .KeyInfoGroup:nth-child(3){
        top: 180/50rem;
      }
      .ValueAddedKeyInfoGroup{
        width: 100%;
        margin: 15/50rem 0;
        display: flex;
        &>div{
          width: auto;
          padding:0/50rem 10/50rem;
          border-radius:10/50rem;
          color: @PublicColor;
          border:2/50rem solid @PublicColor;
          font-weight: 700;
          margin-right: 20/50rem;
          &:last-child{
            margin-right: 0;
          }
        }
      }
      &>span.icon-xuanzhong{
        position:absolute;
        top: 20/50rem;
        right: 20/50rem;
        color:@PublicColor;
        font-size: 40/50rem;
      }
      &>span.icon-dayin{
        position:absolute;
        top: 20/50rem;
        right: 10/50rem;
        color: @PublicColor;
        font-size: 36/50rem;
        &.KeyInfoGroup1{
          top: 100/50rem;
        }
        span{
          font-size: 28/50rem;
          margin-left: 10/50rem;
        }
      }
    }
    .goodsBtn{
      overflow: hidden;
      .TakeUp{
        float: left;
        text-align: center;
        height: 60/50rem;
        line-height: 60/50rem;
        overflow: hidden;
        div{
          color: @PublicColor;
          overflow: hidden;
          display: inline-block;
          height: 80/50rem;
          margin: 0 auto;
        }
        span{
          float: left;
        }
        i{
          float: left;
          font-size: 50/50rem;
        }
      }
      span{
        float: right;
        height:60/50rem;
        line-height: 60/50rem;
        width: 200/50rem;
      }
      span.ewm{
        margin-right: 15/50rem;
      }
    }
    ._btn{
      margin-top:15/50rem;
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      justify-content : flex-end;
      span{
          margin-bottom:15/50rem;
          height:60/50rem;
          line-height: 60/50rem;
          // max-width: 35%;
          width: 23%;
          margin-left: 10/50rem;
      }
    }
    div span.refreshBtn{
      background-color: @PublicColor;
      margin-left: 20/50rem;
      padding: 10/50rem 20/50rem;
      margin-bottom: 10/50rem;
      color: #fff;
      border-radius: 8/50rem;
      font-size: 27/50rem;
    }
  }

  //按钮 此页面公共样式
  span.g_btn{
  	border-radius:10/50rem;
  	color:#fff;
  	background-color: @PublicColor;
  	text-align: center;
  }
  span.g_btn_disab{
  	background-color:#aaa;
  }
  .bottomBtn{
  	width: 100%;
  	height: 90/50rem;
  	position: fixed;
  	display: flex;
  	bottom: 0;
  	div{
  		flex-grow: 1;
  		border-radius: 35/50rem;
  		margin-right: 15/50rem;
  		margin-left: 15/50rem;
  	}
  }

  .commit-button{
  	height: 70/50rem;
  	line-height: 70/50rem;
  	font-size: 30/50rem;
  	margin-top: 30/50rem;
  	margin-bottom: 10/50rem;
  	background-color: #038EEA;
  	border-radius: 35/50rem;
  	flex: 1;
  	text-align: center;
  	color: #fff;
  }
  .BatchCommit{
  	margin-right: 10/50rem;
  }
  .selectPaymentmeng{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    .selectPayment{
      width: 600/50rem;
      position: fixed;
      border-radius: 10/50rem;
      background-color: #fff;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      text-align: center;
      padding: 40/50rem 0 20/50rem;
      .icon-iconfontcuowu{
        position: absolute;
        top: -10/50rem;
        right: -10/50rem;
        font-size: 40/50rem;
      }
      .selectPaymentimg{
        height: 120/50rem;
        img{
          width: 300/50rem;
        }
        .zfbimg{
          width: 250/50rem;
        }
      }
      .selectPaymenttext{
        font-size: 34/50rem;
        height: 70/50rem;
        line-height: 70/50rem;
      }
    }
  }
  .qrcodePaymentMeng{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    ._qrcode{
      width: 600/50rem;
      position: fixed;
      padding-bottom: 20/50rem;
      border-radius: 10/50rem;
      background-color: #fff;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      text-align: center;
      .icon-iconfontcuowu{
        position: absolute;
        top: -10/50rem;
        right: -10/50rem;
        font-size: 40/50rem;
      }
      img{
        width: 200/50rem;
        margin-top: 30/50rem;
      }
      // .zfbimg{
      //   width: 70/50rem;
      // }
      .qrcode{
        margin:20/50rem auto;
        width: 200px;
        height: 200px;
        // position: absolute;
        // top: 50%;
        // left: 50%;
        // transform: translate(-50%,-50%);
      }
    }
  }
  .specialDetailPop ._qrcode{
    text-align: left;
    .specialDetailHead{
      text-align: center;
      font-size: 30/50rem;
    }
  }
}
.van-swipe-cell__left,
.van-swipe-cell__right {
  // display: inline-block;
  width: 100px;
  height: 100%;
  font-size: 15px;
  text-align: center;
}
.AcquisitionScan .van-swipe-cell__left,
.van-swipe-cell__right {
  width: 100/50rem;
  height: 100%;
  font-size: 28/50rem;
  text-align: center;
}
</style>
